@import './base.css';

#app {
  margin: 0;
  padding: 0;
}

/* src/assets/scrollbar.css */

/* 全局滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(245, 245, 245, 0.5);
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}

/* 滚动条滑块悬停效果 */
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

/* 滚动条滑块激活状态 */
::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}

/* Ant Design 表格滚动条特殊处理 */
.ant-table-body::-webkit-scrollbar {
  height: 8px;
}

.ant-table-body::-webkit-scrollbar-thumb {
  background-color: rgba(24, 144, 255, 0.5);
}

/* 暗色模式适配 */
[data-theme='dark'] ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
}

[data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

[data-theme='dark'] .ant-table-body::-webkit-scrollbar-thumb {
  background-color: rgba(64, 169, 255, 0.5);
}


/* 增强版滚动条样式 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #1890ff, #36cfc9);
  border-radius: 10px;
  border: 2px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #096dd9, #08979c);
}

/* 暗色模式 */
[data-theme='dark'] ::-webkit-scrollbar-track {
  background: #1f1f1f;
}

[data-theme='dark'] ::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #177ddc, #13a8a8);
  border-color: #1f1f1f;
}


/* 针对Ant Design组件的特殊处理 */

/* 下拉菜单滚动条 */
.ant-select-dropdown::-webkit-scrollbar {
  width: 6px;
}

/* 模态框滚动条 */
.ant-modal-body::-webkit-scrollbar {
  width: 6px;
}

/* 抽屉组件滚动条 */
.ant-drawer-body::-webkit-scrollbar {
  width: 6px;
}

/* 时间选择器滚动条 */
.ant-picker-time-panel-column::-webkit-scrollbar {
  width: 4px;
}
